// import { createApp, defineComponent, h, reactive, ref } from "vue"
import { createApp } from "vue"
// import App from "./App.vue"
// import HelloWorld from "@/components/HelloWorld.vue"
import App from "./app"

// const App = defineComponent({
//   render() {
//     return h("div", { id: "qpp" }, [
//       // 模板被编译之后的样子
//       //   h("img", {
//       //     alt: "Vue logo",
//       //     src: "./assets/logo.png",
//       //   }),
//       h(HelloWorld, {
//         msg: "fasdfa",
//         age: 12,
//       }),
//     ])
//   },
// })

// const App = defineComponent({
//   setup() {
//     const state = reactive({
//       name: "徐毅飞",
//     })

//     const numberRef = ref(1)
//     // const number = numberRef.value

//     return () => {
//       //   const number = numberRef.value  这个是每次更新之后会执行的
//       return h("div", { id: "qpp", value: "fasdfa" }, [
//         // 模板被编译之后的样子
//         //   h("img", {
//         //     alt: "Vue logo",
//         //     src: "./assets/logo.png",
//         //   }),
//         h("p", state.name + numberRef.value),
//         // h(HelloWorld, {
//         //   msg: "fasdfa",
//         //   age: 12,
//         // }),
//       ])
//     }
//   },
// })
createApp(App).mount("#app")
